function refresh(force){
    doAJAXRequest("TableServlet?action=tafelrefresh&force=" + force);
}

function doAJAXRequestInformatie(url){
    xmlhttpI=GetXmlHttpObject();
    if (xmlhttpI==null) {
        alert ("Your browser does not support XMLHTTP!");
        return;
    }
    xmlhttpI.onreadystatechange=function(){
        stateChangedInformatie(xmlhttpI.responseText);
    };
    xmlhttpI.open("GET",url,true);
    xmlhttpI.send(null);
}

function stateChangedInformatie(text) {
    if ((xmlhttpI.readyState==4) && (text != '')) {
        document.getElementById("informatie").innerHTML=text;
    }
}

function doAJAXRequest(url){
    xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null) {
        alert ("Your browser does not support XMLHTTP!");
        return;
    }
    xmlhttp.onreadystatechange=function(){
        stateChanged(xmlhttp.responseText);
    };
    xmlhttp.open("GET",url,true);
    xmlhttp.send(null);
}

function stateChanged(text) {
    if ((xmlhttp.readyState==4) && (text != '')) {
        document.getElementById("tafel").innerHTML=text;
        doAJAXRequestInformatie("TableServlet?action=informatierefresh");
    } 
}

function GetXmlHttpObject() {
    if (window.XMLHttpRequest) {
        return new XMLHttpRequest();
    }
    if (window.ActiveXObject) {
        return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;
}

function keepFreshing(force){
    setTimeout('keepFreshing(false)', 500);
    refresh(force);
}

function setDisable(elem){
    elem.disabled=true;
}

function border(Elem, plaats){
    if(plaats == "midden"){
        setMidden(Elem);
    } else if(plaats == "onder"){
        setOnder(Elem)
    }

    clear(plaats);
    select(Elem,plaats);
}

function setMidden(Elem){
    var textbox = document.getElementsByName("selectMidden");
    textbox[0].value = Elem.id;
}

function setOnder(Elem){
    var textbox = document.getElementsByName("selectOnder");
    textbox[0].value = Elem.id;
}

function select(Elem) {
    Elem.style.border = ("2px solid red");
    return Elem;
}

function clearAll(){
    clear("midden");
    clear("onder");
}

function clear(plaats){
    var kaarten = null;

    if(plaats == "midden"){
        kaarten = document.getElementsByName("midden");
    } else if(plaats == "onder"){
        kaarten = document.getElementsByName("onder");
    }

    var len = kaarten.length;

    for(var i=0; i< len; i++){
        kaarten[i].style.border = ('none');
    }
    return kaarten;
}
